import React from 'react';

import styles from './index.less';

import { Form, Input, Button } from 'antd';

import { FormInstance } from 'antd/lib/form';


export default class Entry extends React.Component{
	formRef = React.createRef<FormInstance>();
	render(){
		return (
			<>
				<div className={styles.top}>
					<div className={styles.header}>
                        <span className={styles.title}>恭喜您，只需完成最后一步，即可获取海量媒体资源</span>
                    </div>
				</div>
				<div className={styles.main}>
					<Form ref={this.formRef}>
						<Form.Item
	                        name="value1"
	                        rules={[{ required: true, message: '请输入手机号码/邮箱/用户名!' }]}
	                    >
	                        <Input placeholder="请设置密码（必填）" />
	                	</Form.Item>
	                	<Form.Item
	                        name="value2"
	                        rules={[{ required: true, message: '请输入手机号码/邮箱/用户名!' }]}
	                    >
	                        <Input placeholder="请输入正确的公司名称（必填）" />
	                	</Form.Item>
	                	<Form.Item
	                        name="value3"
	                        rules={[{ required: true, message: '请输入手机号码/邮箱/用户名!' }]}
	                    >
	                        <Input placeholder="选择行业，即刻为你定制专属服务（必填）" />
	                	</Form.Item>
	                	<Form.Item
	                        name="value4"
	                        rules={[{ required: true, message: '请输入手机号码/邮箱/用户名!' }]}
	                    >
	                        <Input placeholder="请输入姓名（必填）" />
	                	</Form.Item>
	                	<Form.Item
	                        name="value5"
	                        rules={[{ required: true, message: '请输入手机号码/邮箱/用户名!' }]}
	                    >
	                        <Input placeholder="请输入正确的邮箱地址（必填）" />
	                	</Form.Item>
	                	<Form.Item
	                        name="value6"
	                        rules={[{ required: true, message: '请输入手机号码/邮箱/用户名!' }]}
	                    >
	                        <Input placeholder="使用目的（必填）" />
	                	</Form.Item>
	                	<Form.Item>
	                        <Button onClick={ () => this.props.onSuccess() } type="primary" style={{width: '100%'}} htmlType="submit">
	                            下一步
	                        </Button>
	                    </Form.Item>
					</Form>
				</div>
			</>
		)
	}
}